<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>kokiyu的技术文档</title>
	<link rel="stylesheet" href="css/main.css" />
	<script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
	<script  type="text/javascript" src="script/main.js" defer></script>
</head>

<body >
<div id ="all">
	<div class="all-container"  >
		<div class="contact-container" >
			<div class="contact-way" v-bind:style="{visibility:seenQQ}">
				<p >651258027</p>
			</div>
			<div class="contact-way"  v-bind:style="{visibility:seenWechat}">
				<p >奶茶和Oreo和李小窝</p>
			</div>
			<div class="contact-way"  v-bind:style="{visibility:seenWeibo}">
				<p>MilkteaoreoSpaceStation</p>
			</div>
		</div>


		<div class="img-container" >
			<img :src="seenQQimg"   v-on:mouseenter="openQQway"  v-on:mouseleave="closeQQWay">
			<img :src="seenWechatImg"   v-on:mouseenter="openWechatWay"  v-on:mouseleave="closeWechatWay">
			<img :src="seenWeiboImg"  v-on:mouseenter="openWeiboWay"  v-on:mouseleave="closeWeiboWay">
		</div>
			<div class="container" v-if="show">

				<div class="title" >
					<h1>你好,my friend！</h1>
				</div>

				<div class="horizon"></div>

				<div class="passage">
					<p>你好，我是一名iOS开发工程师，你可以叫我kokiyu，现在正在学习swift.</p>
					<p>我有一年的iOS开发经验，制作过三款app，分别是测网速类，新闻类，以及蓝牙类，目前在制作天气类.</p>
					<p>目前已上架了一款微信小程序，读特APP.</p>
					<p>这里是我的一些技术文档，如果你对我感兴趣，欢迎关注我和我进行交流。</p>
				</div>

			</div>

	</div>

	<div v-on:click="enter" class="enter">进入我的世界</div>
	</div>

</body>
</html>
